<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>Google Maps JavaScript API Example</title>
        <script 
            src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAEZbIhxJRgJINKhuyY8MWtRSnWp0NXFX8vV3yMtyI3PHut5GatBQ-7f8NRo2Ngn9Yai5R6C3wnfNobA&amp;sensor=false"
            type="text/javascript">
        </script>
        <script type="text/javascript">
            var map;
            function initialize() {
                if (GBrowserIsCompatible()) {
                    map = new GMap2(document.getElementById("map_canvas"));
                    map.setCenter(new GLatLng(42.274094, -72.661326), 15);
                    map.setUIToDefault();
                } else {
                    alert("Incompatible browser.");
                }
            }

        </script>

    </head>
    <body onload="initialize()" onunload="GUnload()">
        <!-- GUnload helps eliminate memory leaks due to GEvent function closures.
        See http://code.google.com/apis/maps/documentation/index.html#Memory_Leaks 
        -->

        <!--
        And what is a GMap2?
        -->
        <div id="map_canvas" style="width: 500px; height: 300px"></div>
        <script>
            function showZoom() {
                alert(map.getZoom());
            }
        </script>
        <form>
            <button onclick="showZoom(); return false;">Show zoom level</button>

            <button onclick="map.panTo(new GLatLng(37.4569, 0)); return false;">Pan to 0 longitude</button>
        </form>
    </body>
</html>
